body{
    background-color: #f8f8f8;
}
.stat-list{
    margin-top: 0px;
    text-align: left;
    padding-right:15px;
}
.stat-item{
    display: inline-block;
    width: 200px;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    position: relative;
    background-color: white;
    margin-left: 8px;
    margin-right: 8px;
    text-align: left;
    margin-top: 10px;
}
.stat-item:hover{
    cursor: pointer;
}
.stat-info-left{
    display: inline-block;
}
.stat-info-right{
    position: absolute;
    display: inline-block;
    right: 10px;
    margin-top: 10px;
}
.stat-head {
  border-bottom: 1px solid #e3e3e3;
  font-size: 16px;
  padding: 10px;
  text-align: center;
}
.fw-title,.stat-num{
    font-weight: bold;
}
.stat-head-right{
    position: absolute;
    right: 10px;
    width: 50px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 4px;
}
.stat-con {
  font-size: 18px;
  height: 80px;
  line-height: 30px;
  padding: 10px;
  text-align: center;
}
.bgBlue{
    background-color: #1c84c6;
    color: #FFF;
}
.bgRed{
    background-color: #ed5565;
    color: #FFF;
}
.bgGreen{
    background-color: #23c6c8;
    color: #FFF;
}
.bgGreenDeep{
    background-color:#1AB394;
    color: #FFF;
}
.rank-list-img {width: 30%; overflow: hidden;}
.rank-list-img img {width: 110px; padding:5px 10px;}
.rank-list-title {width: 55%; }
.rank-list-num {width: 15%; }
.user-list-img img {width: 110px; padding:5px 10px; border-radius:50%;}
.user-list-img {width: 40%; overflow: hidden;}
.user-list-name {width: 60%; }

.content{
    background-color: #FFFFFF;
    margin-top: 30px;
}
.content td {text-align : left;}
.content-head{
    font-size : 18px;
}
.content-left {float:left; width : 505px;}
.content-right {float:left; width : 350px; padding-left : 25px}